import { useCallback, useState } from "react";

function App(){
    let [num,setNum] = useState(0);
    // useCallback 用来缓存函数 参数一要缓存得函数 参数二 : 依赖项当依赖得数据发生改变时 缓存得函数才会重新加载。
    let getNUm = useCallback(()=>{
        console.log(num)
        return num
    },[num])
    
    return (
        <div>
            <h1>useCallback 缓存优化---{num}</h1>
            <button onClick={()=>{
               setNum(num+1) 
            }}>++</button>
            <div>{getNUm()}</div>
        </div>
    )
}


export default App;